<template>
    <el-cascader
    ref="elCascader"
    v-model="props.form[props.item.prop]"
    :size="props.item.size?props.item.size:'mini'"
    :value="props.item.initDatas&&props.item.initDatas.value?props.item.initDatas.value:'value'"
    :label="props.item.initDatas&&props.item.initDatas.name?props.item.initDatas.name:'label'"
    :options="props.item.options||[]"
    :filterable="props.item.filterable==='false'?false:true"
    :props="props.item.props||{expandTrigger:'hover'}"
    :collapse-tags="props.item.collapseTags||true"
    :clearable="props.item.clearable||true"
    @change="change"
    ></el-cascader>
</template>
<script setup>
const props = defineProps({
    item :{
        required:true,
        type:Object,
    },
    form:{
        required:true,
        type:Object,
    }
})
function change(e){
    console.log("change",e)
}    
</script>
<style scoped>
</style>






















